<template>
		<div class="list-skeleton-loading">
	    <skeleton-loading>
	        <row>
	            <square-skeleton 
	                :count="1"
	                :boxProperties="{
	                    height: '3.12rem'
	                }"
	            >
	            </square-skeleton>
	        </row>
					<div style="padding: 0.93rem 0.93rem 0.5rem;">
						<row>
							<square-skeleton 
									:boxProperties="{
											top:'6px',
											height: '24px'
									}"
							>
							</square-skeleton>
						</row>
						<row   v-for="i in 4"
	                :key="i">
							<column :span="12">
	                <square-skeleton 
	                    :boxProperties="{
	                        top: '0.93rem',
	                        width: '100%',
	                        height: '9.3rem'
	                    }"
	                >
	                </square-skeleton>
	            </column>
	            <column :gutter="16" :span="12" style="padding-right: 0px;">
	                <square-skeleton 
	                    :boxProperties="{
	                        top: '0.93rem',
	                        width: '100%',
	                        height: '9.3rem'
	                    }"
	                style="margin-left: auto;">
	                </square-skeleton>
								</column>
						</row>
					</div>
	    </skeleton-loading>
	</div>
</template>

<script>
	export default{
		name:'ListSkeletonLoading'
	}
</script>

<style>
</style>
